<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./utils/iconfont.css">
    <link href="https://lib.baomitu.com/Swiper/8.4.4/swiper-bundle.css" rel="stylesheet">
    <link href="https://lib.baomitu.com/animate.css/2.1.1/animate.css" rel="stylesheet">
</head>

<body>
    <div class="box">
        <div class="nav" >
            <div class="nav_left">
                <img src="./img/index/Logo.png" alt="">
            </div>
            <div class="nav_right">
                <ul>
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./page/AboutUs.html">关于我们</a></li>
                    <li><a href="./page/ProductCenter.html">产品中心</a></li>
                    <li><a href="./page/ReservationCenter.html">预约设计</a></li>
                    <li><a href="./page/News.html">新闻资讯</a></li>
                    <li><a href="./page/ServicePlatform.html">服务平台</a></li>
                    <li><a href="./page/CallUs.html">联系我们</a></li>
                </ul>
            </div>
        </div>

        <div class="banner" id="nav">
            <!-- <div class="swiper" id="swiper1">
                <div class="swiper-wrapper">
        
                </div>
                <div class="swiper-pagination"></div>
            </div> -->
            <img src="./img/index/banner.png" alt="">
        </div>

        <div class="move_nav">
            <ul>
                <li><a>恣在家</a></li>
                <li><a href="#shg">生活馆</a></li>
                <li><a href="#sjg">设计馆</a></li>
                <li><a href="#xwg">新闻馆</a></li>
                <li><a href="#fwg">服务馆</a></li>
                <li><a href="#zxg">中心馆</a></li>
                <li><a href="#nav">TOP</a></li>
            </ul>
        </div>
        <div class="banner_bottom" id="shg">
            <div class="banner_bottom_text">
                ZEST&nbsp;&nbsp;HOME&nbsp;&nbsp;&&nbsp;&nbsp;LIVING
            </div>
            <div class="banner_bottom_box">
                姿在家生活馆
            </div>
            <p>GIVE YOU COMFORTABLE HOME</p>
        </div>

        <div class="living_main">
            <ul>
                <li>简约美式</li>
                <li>田园休闲</li>
                <li>清新法式</li>
                <li>现代都市</li>
            </ul>

            <div class="living_banner">
                <i class="iconfont icon-zuojiantou_huaban"></i>
                <div class="living_banner_box">
                    <img src="./img/index/Live_One.png" alt="">
                    <img src="./img/index/Live_Two.png" alt="">
                    <div>
                        <p>时间更迭，件件物品在艺术氛围的衬托下韵味十足灵动且张力十足的传记圆腿简约与典雅的结合</p>
                        <p>现代都市里一笔浓墨重彩的色调简约美式里一缕典雅的英伦之风经典的场景，奇妙</p>
                        <p>的邂逅你，是否也在等待夏洛克的到来</p>
                    </div>
                </div>
                <i class="iconfont icon-youjiantou_huaban"></i>
            </div>
        </div>

        <div class="banner_bottom">
            <div class="banner_bottom_text" id="sjg">
                ZEST&nbsp;&nbsp;HOME&nbsp;&nbsp;&&nbsp;&nbsp;LIVING&nbsp;&nbsp;DESIGN
            </div>
            <div class="banner_bottom_box">
                姿在家设计馆
            </div>
            <p>GIVE YOU COMFORTABLE HOME</p>
        </div>

        <div class="design_main">
            <ul>
                <li><p>设计</p><p>理念</p></li>
                <li><p>设计</p><p>团队</p></li>
                <li><p>设计</p><p>案例</p></li>
                <li><p>设计</p><p>预约</p></li>
            </ul>
            <div>
                <img src="./img/index/LivingDesign_One.png" alt="">
                <img src="./img/index/LivingDesign_Two.png" alt="">
                <img src="./img/index/LivingDesign_Three.png" alt="">
                <img src="./img/index/Living_Four.png" alt="">
            </div>
            
        </div>

        <div class="banner_bottom" id="xwg">
            <div class="banner_bottom_text">
                ZEST&nbsp;&nbsp;HOME&nbsp;&nbsp;&&nbsp;&nbsp;LIVING&nbsp;&nbsp;NEWS
            </div>
            <div class="banner_bottom_box">
                姿在家新闻馆
            </div>
            <p>GIVE YOU COMFORTABLE HOME</p>
        </div>

        <div class="living_news_main">
            <ul>
                <li>品牌资讯</li>
                <li>热门观点</li>
                <li>家居动态</li>
                <li>精彩视频</li>
            </ul>

            <div class="living_news">
                <i class="iconfont icon-zuojiantou_huaban"></i>
                <div class="living_news_box">
                    <div class="news_box_left">
                        <img src="./img/index/news_One.png" alt="">
                        <div>
                            <p>穿越人山人海，我们为造梦而来！</p>
                            <p>因为懂中国人对于家深深的执念，所以我们格外珍惜每一次对家的构建；因为见证了太多关于家的
                                点滴幸福，所以我们了解家之于生活意义非凡。</p>
                            <div>了解详情</div>
                        </div>
                    </div>
                    <div class="news_box_right">
                        <div>
                            <img src="./img/index/news_Two.png" alt="">
                            <div class="right">
                                <p>2018什么牌子的床垫好？</p>
                                <p>美克家居旗下全新线上品牌恣在家，以个性、时尚、多彩、百搭为核心。其床垫设计符合年轻人的睡...</p>
                                <div>&nbsp;&nbsp;了解详情</div>
                            </div>
                            
                        </div>
                        <div>
                            <img src="./img/index/news_Three.png" alt="">
                            <div class="right">
                                <p>怎么辨别实木家具？ 从这五个方面入手就不会错。</p>
                                <p>实木家具越来越受到大家的欢迎，一方面是因为实木天然环保，另一方面也是因为纯实木对工艺的要求比较高...</p>
                                <div>&nbsp;&nbsp;了解详情</div>
                            </div>
                        </div>
                        <div>
                            <img src="./img/index/news_Four.png" alt="">
                            <div class="right">
                                <p>想要打造正宗美式风格卧室，照着这些方式搭配...</p>
                                <p>美式风格近几年特别流行，不管是年轻人还是中年人，似乎都对美式情有独钟。不过呢，很多人在装修新家时...</p>
                                <div>&nbsp;&nbsp;了解详情</div>
                            </div>
                        </div>
                    </div>
                </div>
                <i class="iconfont icon-youjiantou_huaban"></i>
            </div>
        </div>

        <div class="living_service" id="fwg">
            <div class="living_service_bottom">
                <div class="living_service_text">
                    ZEST&nbsp;&nbsp;HOME&nbsp;&nbsp;&&nbsp;&nbsp;LIVING&nbsp;&nbsp;SERIVE
                </div>
                <div class="living_service_box">
                    姿在家服务馆
                </div>
                <p>GIVE YOU COMFORTABLE HOME</p>
            </div>

            <div class="living_service_main">
                <p>恣在家为用户制定全方位服务与管理体制，满足不同客户人群的需求，注重每个细节的处理，
                    为您打造温馨舒适的家居生活。</p>
                
                <div class="img_box">
                    <div>
                        <img src="./img/index/service_One.png" alt="">
                        <span>理念服务</span>
                        <p>恣在家一贯秉承专业的金保姆服务体系，让
                            您买得安心用得放心。一次选择，终身受益。</p>
                    </div>
                    <div>
                        <img src="./img/index/service_Two.png" alt="">
                        <span>服务支持</span>
                        <p>恣在家为用户提供知心、省心、诚心、贴心
                            的服务支持，让您放心购买。</p>
                    </div>
                    <div>
                        <img src="./img/index/service_Three.png" alt="">
                        <span>服务承诺</span>
                        <p>恣在家用户可享受免费送货与安装以及全国
                            联保服务，让您放心使用。</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="living_center">
            <div class="lvjing">

                <div class="living_center_bottom" id="zxg">
                    <div class="living_center_text">
                        ZEST&nbsp;&nbsp;HOME&nbsp;&nbsp;&&nbsp;&nbsp;LIVING&nbsp;&nbsp;CENTER
                    </div>
                    <div class="living_center_box">
                        姿在家中心馆
                    </div>
                    <p>GIVE YOU COMFORTABLE HOME</p>
                </div>
                <div class="living_center_main">
                    <div class="center_main_top">
                        <div><p>轻波</p><p>普风</p></div>
                        <div><p>工匠</p><p>精神</p></div>
                        <div><p>中国</p><p>制造</p></div>
                    </div>
                    <div class="center_main_bottom">
                        <div>
                            <p>没有强烈的色彩对比</p>
                            <p>也无需夸张的图案造型</p>
                            <p>一点几何图形</p>
                            <p>加上亮丽的色彩</p>
                            <p>便为无底色的家</p>
                            <p>注入了更多的鲜活</p>
                        </div>
                        <div>
                            <p>工匠精神在高科技</p>
                            <p>时代下重新演绎和传承</p> 
                            <p>无法替代的匠人之手</p> 
                            <p>为每一件家具带来了</p> 
                            <p>生机和独一无二的魅力</p> 
                        </div>
                        <div>
                            <p>现代化信息化手段和专业</p>
                              <p>管理团队组成的人机一体</p>  
                              <p>化智能智造系统实现自动、</p>  
                              <p>高效、低耗的制造过程</p>  
                              <p>用新工匠精神重新</p>  
                              <p>演绎工业新时代</p>  
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <footer>
            <div class="footer_top">
                <div class="footer_top_center">
                    <ul class="footer_top_center_ul">
                        <li>
                            <a href="">关于我们</a>
                            <ul>
                                <li>公司简介</li>
                                <li>文化产品</li>
                                <li>发展历程</li>
                            </ul>
                        </li>
                        <li>
                            <a href="">产品中心</a>
                            <ul>
                                <li>现代都市</li>
                                <li>折叠城市</li>
                                <li>清风物语</li>
                                <li>落落星辰</li>
                            </ul>
                        </li>
                        <li>
                            <a href="">预约设计</a>
                            <ul>
                                <li>精牌设计</li>
                                <li>设计申请</li>
                                <li>客户案例</li>
                            </ul>
                        </li>
                        <li>
                            <a href="">新闻资讯</a>
                            <ul>
                                <li>品牌资讯</li>
                                <li>热门观点</li>
                                <li>家具动态</li>
                                <li>精彩视频</li>
                            </ul>
                        </li>
                        <li>
                            <a href="">服务平台</a>
                            <ul>
                                <li>理念服务</li>
                                <li>服务支持</li>
                                <li>服务承诺</li>
                                <li>在线报修</li>
                            </ul>
                        </li>
                        <li>
                            <a href="">联系我们</a>
                            <ul>
                                <li>
                                    <div>
                                        <i class="iconfont icon-dingwei"></i>
                                    </div>
                                    河南省-郑州高新区-万仙山-万仙洞
                                </li>
                                <li>
                                    <div>
                                        <i class="iconfont icon-31dianhua"></i>
                                    </div>
                                    110-123456789
                                </li>
                                <li>
                                    <div>
                                        <i class="iconfont icon-hulianwang"></i>
                                    </div>
                                    www.110.com
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            

            <div class="footer_bottom">
                <div class="footer_bottom_left">
                    <p>&copy;2017姿在家家居用品股份有限公司版权所有 <span>法律声明及隐私权政策·知识产权</span>新ICP备&nbsp;05003017号新公网安备：65010402001003号</p>
                </div>
                
                <div class="footer_bottom_right">
                    <p>友情链接:</p>
                    <i class="iconfont icon-xinlangweibo"></i><i class="iconfont icon-hulianwang"></i><i class="iconfont icon-weixin"></i><i class="iconfont icon-QQ"></i>
                </div> 
            </div>
        </footer>

    </div>

    <script type="module" src="./js/index.js">

    </script>
</body>

</html>